.swiper-button-prev,
.swiper-button-next {
  transition: all 220ms linear;
}

.swiper-button-prev {
  left: 0px;
}

.swiper-button-next {
  right: 0px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  cursor: not-allowed;
  display: none;
}

html {
  max-width: 1920px;
  margin: 0px auto;
  min-width: 1240px;
  box-sizing: border-box;
}

.content {
  width: 1240px;
  margin: 0px auto;
  padding: 0px 20px;
  box-sizing: border-box;
}

.txt_cent {
  text-align: center;
  padding: 50px 0px;
  font-size: 16px;
  color: #666;
}

.pub_top {
  height: 120px;
}

.pub_top .logo {
  width: 150px;
  height: 60px;
  margin-top: 30px;
  float: left;
}

.pub_top .nav_box {
  float: right;
  margin-top: 30px;
}

.pub_top .nav_box>ul>li {
  float: left;
  position: relative;
  height: 60px;
}

.pub_top .nav_box>ul>li .title {
  width: 100px;
  line-height: 60px;
  height: 60px;
  position: relative;
  text-align: center;
}

.pub_top .nav_box>ul>li .title a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  color: #333333;
}

.pub_top .nav_box>ul>li .title::after {
  content: "";
  opacity: 0;
  width: 72px;
  height: 14px;
  background: url("../images/nav_cur.png") center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 5px;
  right: 0px;
  transition: all 320ms linear;
}

.pub_top .nav_box>ul>li.on .title a {
  font-weight: bold;
  color: #0061ae;
}

.pub_top .nav_box>ul>li:hover .title a {
  font-weight: bold;
  color: #0061ae;
}

.pub_top .nav_box>ul>li.on .title::after {
  opacity: 1;
  right: 15px;
}

.pub_top .nav_box>ul>li:hover .title::after {
  opacity: 1;
  right: 10px;
}

.pub_top .nav_box>ul>li .sub_nav {
  width: 475px;
  background: #FFFFFF;
  padding: 25px;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 80px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  transition: all 320ms linear;
}

.pub_top .nav_box>ul>li .sub_nav .img_box img {
  width: 100%;
  display: block;
}

.pub_top .nav_box>ul>li .sub_nav ul {
  overflow: hidden;
  padding-top: 12px;
}

.pub_top .nav_box>ul>li .sub_nav ul li {
  text-align: center;
  width: 100px;
  height: 36px;
  line-height: 36px;
  float: left;
  margin-right: 35px;
  margin-bottom: 10px;
}

.pub_top .nav_box>ul>li .sub_nav ul li a {
  width: 100%;
  height: 100%;
  display: block;
}

.pub_top .nav_box>ul>li .sub_nav ul li a:hover {
  background: #0061ae;
  color: #FFFFFF;
  font-weight: bold;
}

.pub_top .nav_box>ul>li:hover .sub_nav {
  visibility: visible;
  opacity: 1;
  top: 60px;
}

.pub_top .nav_box>ul>li:nth-child(7) .sub_nav {
  right: 0px;
  left: initial;
}

.pub_top .nav_box>ul>li:nth-child(8) .sub_nav {
  right: 0px;
  left: initial;
}

.pub_top .nav_box>ul>li:nth-child(9) .sub_nav {
  right: 0px;
  left: initial;
}


.pub_top .search_btn {
  float: right;
  margin-top: 45px;
}

.searchs {
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 100%;
  left: 0px;
  z-index: 666;
  display: none;
}

.searchs .seabj {
  background: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}

.searchin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 510px;
}

.searchs .searchin #keys {
  width: 455px;
  float: left;
  box-sizing: border-box;
  padding-left: 28px;
  border: 0px;
  line-height: 70px;
  height: 70px;
  font-size: 18px;
  outline: none;
}

.searchs .searchin #search_btn {
  width: 55px;
  float: left;
  box-sizing: border-box;
  padding-left: 28px;
  border: 0px;
  line-height: 70px;
  height: 70px;
  background: url("../images/pro_sea.jpg") no-repeat center left;
  outline: none;
}


#ban_swiepr {
  position: relative;
}

#ban_swiepr .swiper-slide img {
  width: 100%;
  display: block;
}

#ban_swiepr .swiper-pagination {
  bottom: 45px;
}

#ban_swiepr .swiper-pagination span {
  width: 16px;
  height: 16px;
  background: #c4c4c4;
  border-radius: 50%;
  opacity: 1;
  margin: 0px 15px;
}

#ban_swiepr .swiper-pagination span.swiper-pagination-bullet-active {
  background: #0061ae;
}


.in_about .content {
  padding-top: 50px;
}

.in_about .l_box {
  float: left;
  width: 700px;
}

.in_about .l_box .title {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
}

.in_about .l_box .line {
  width: 95px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
  margin: 35px 0px;
}

.in_about .l_box .desc {
  font-size: 16px;
  color: #333333;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.in_about .l_box .more {
  margin-top: 60px;
  width: 177px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  display: block;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}

.in_about .l_box .items {
  margin-top: 50px;
}

.in_about .l_box .items .item {
  text-align: center;
  float: left;
  margin-right: 110px;
}

.in_about .l_box .items .item:last-child {
  margin-right: 0px;
}

.in_about .l_box .items .item .num {
  font-size: 36px;
  line-height: 50px;
  color: #333333;
  font-weight: bold;
}

.in_about .l_box .items .item .num span {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  margin-left: 5px;
}

.in_about .l_box .items .item .tit {
  font-size: 18px;
  color: #666666;
}

.in_about .r_box {
  float: right;
  width: 450px;
  padding-top: 32px;
  position: relative;
}

#about_swiper .swiper-slide img {
  width: 100%;
  display: block;
}

.in_about .r_box .swiper-btn {
  position: absolute;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  z-index: 9;
  transform: translateX(-50%);
}

.in_about .r_box .swiper-btn div {
  cursor: pointer;
  float: left;
  width: 151px;
  height: 71px;
  background: url("../images/in_about_arr.jpg") center center no-repeat;
  background-size: 100% 100%;
  outline: none;
}

.in_about .r_box .swiper-btn div.btn_next {
  transform: rotateY(180deg);
}

.in_about .r_box .swiper-btn div:hover {
  background: url("../images/in_about_arr_on.jpg") center center no-repeat;
  background-size: 100% 100%;
}

.in_pro {
  height: 845px;
  background: url("../images/in_pro_bg.png") top left no-repeat;
}

.in_pro .top_box {
  padding-top: 80px;
  text-align: center;
}

.in_pro .top_box .title {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
}

.in_pro .top_box .line {
  margin-top: 15px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

#pro_swiper {
  margin-top: 64px;
}

#pro_swiper .swiper-slide {
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
}

#pro_swiper .swiper-slide .img_box img {
  width: 100%;
  display: block;
}

#pro_swiper .swiper-slide .title {
  margin-bottom: 25px;
  text-align: center;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding: 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#pro_swiper .swiper-slide .more {
  font-size: 16px;
  color: #666666;
  margin: 0px auto;
  margin-bottom: 35px;
  display: block;
  width: 280px;
  height: 66px;
  line-height: 64px;
  border: 1px solid #f5f5f5;
  background: #fafafa;
  text-align: center;
}

#pro_swiper .swiper-slide:hover .more {
  color: #fff;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
  border-color: #f8f8f8;
}

#pro_swiper .swiper-slide:hover {
  background: #f8f8f8;
}

#pro_swiper .swiper-pagination {
  position: static;
  margin-top: 50px;
}

#pro_swiper .swiper-pagination span {
  width: 16px;
  height: 16px;
  background: #c4c4c4;
  border-radius: 50%;
  opacity: 1;
  margin: 0px 15px;
}

#pro_swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: #0061ae;
}

.in_line {
  text-align: center;
  background: #f4f4f4;
  padding-bottom: 60px;
}

.in_line .top_box {
  padding-top: 150px;
  padding-bottom: 50px;
}

.in_line .top_box .title {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
  text-align: center;
}

.in_line .top_box .line {
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.in_line .top_box .desc {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}

#line_swiper .swiper-slide {
  width: 773px;
  height: 383px;
  position: relative;
}

#line_swiper .swiper-slide img {
  width: 100%;
  display: block;
}

#line_swiper .swiper-slide .title {
  font-size: 20px;
  color: #0061ae;
  text-align: center;
  margin-top: 30px;
}

#line_swiper .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0px;
  left: 0px;
  transition: all 320ms linear;
}

#line_swiper .swiper-slide.swiper-slide-active::after {
  opacity: 0;
}

#line_swiper .btn_prev,
#line_swiper .btn_next {
  width: 61px;
  height: 61px;
  background: url("../images/in_line_btn.png") center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

#line_swiper .btn_prev {
  left: 50px;
}

#line_swiper .btn_next {
  right: 50px;
  transform: translateY(-50%) rotateY(180deg);
}

#line_text_swiper {
  margin-top: 30px;
}

#line_text_swiper .swiper-slide {
  font-size: 20px;
  color: #0061ae;
  text-align: center;
}

.in_spec {
  padding: 60px 0px;
}

.in_spec .items {
  text-align: center;
  margin-bottom: 70px;
}

.in_spec .items .item {
  margin: 0px 90px;
  width: 200px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.in_spec .items .item .icon {
  width: 136px;
  height: 136px;
  margin: 0px auto;
  border-radius: 50%;
  position: relative;
}

.in_spec .items .item .icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.in_spec .items .item .tit {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  margin-top: 20px;
}

.in_spec .items .item .desc {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin-top: 15px;
}




.in_video {
  max-width: 1920px;
  max-width: 100%;
  cursor: pointer;
  height: 720px;
  overflow: hidden;
  /* background: url("../images/in_video_bg.jpg") center center no-repeat; */
  background-size: auto 100%;
  position: relative;
}

.in_video video {
  opacity: 1;
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  z-index: 9;
}

.in_video .w_box {
  z-index: 99;
  width: 100%;
  height: 100%;
  position: relative;
  background: url("../images/video_zz.png") bottom center repeat-x;
}

.in_video .content {
  height: 100%;
  position: relative;
}

.in_video .title_box {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding-bottom: 50px;
  z-index: 99;
}

.in_video .title_box .title {
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
}

.in_video .title_box .line {
  margin-top: 20px;
  margin-bottom: 25px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.in_video .title_box .desc {
  font-size: 16px;
  color: #fff;
  line-height: 28px;
}

.in_video_popup_box {
  opacity: 0;
  visibility: hidden;
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  z-index: 999;
}


.in_video_popup_box .box {
  margin: 0px auto;
}

.in_video_popup_box .box video {
  outline: none;
  width: 800px;
}

.in_video_popup_box.on {
  opacity: 1;
  visibility: visible;
  display: block;
}


.in_news {
  padding-bottom: 64px;
}

.in_news .top_box {
  padding-top: 55px;
  padding-bottom: 55px;
  text-align: center;
}

.in_news .top_box .title {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
}

.in_news .top_box .line {
  margin-top: 15px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.in_news .swiper-slide .img_box {
  margin-bottom: 28px;
}

.in_news .swiper-slide .img_box img {
  width: 100%;
  display: block;
}

.in_news .swiper-slide .info {
  margin-bottom: 15px;
}

.in_news .swiper-slide .info .ctg {
  font-size: 14px;
  color: #ffffff;
  float: left;
  height: 27px;
  line-height: 27px;
  padding: 0px 10px;
  background: #c6c6c6;
}

.in_news .swiper-slide .info .time {
  float: right;
  font-size: 14px;
  color: #8b8b8b;
}

.in_news .swiper-slide .title {
  margin-bottom: 25px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  line-height: 1.2em;
  height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.in_news .swiper-slide:hover .title {
  color: #0061ae;
}

.in_news .swiper-slide .more {
  font-size: 14px;
  color: #8f8f8f;
  padding: 0px 10px;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #DEDEDE;
  position: relative;
}

.in_news .swiper-slide .more .icon {
  width: 39px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

#news_swiper .swiper-pagination {
  position: static;
  margin-top: 50px;
}

#news_swiper .swiper-pagination span {
  width: 16px;
  height: 16px;
  background: #c4c4c4;
  border-radius: 50%;
  opacity: 1;
  margin: 0px 15px;
}

#news_swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: #0061ae;
}


.in_partner {
  height: 725px;
  background: url("../images/in_partner_bg.jpg") center center no-repeat;
  background-size: auto 100%;
  position: relative;
}

.in_partner .top_box {
  padding-top: 55px;
  padding-bottom: 55px;
  text-align: center;
}

.in_partner .top_box .title {
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
}

.in_partner .top_box .line {
  margin-top: 15px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.in_partner .items {
  width: 100%;
  height: 500px;
  position: relative;
}

.in_partner .items .item {
  width: 151px;
  height: 126px;
  border: 1px solid #fff;
  position: absolute;
  left: 56px;
  opacity: 0.5;
  transition: all 320ms linear;
}

.in_partner .items .item:hover {
  opacity: 1;
}

.in_partner .items .item:nth-child(2) {
  left: 520px;
}

.in_partner .items .item:nth-child(3) {
  right: 60px;
  left: auto;
}

.in_partner .items .item:nth-child(4) {
  top: 168px;
  left: 160px;
}

.in_partner .items .item:nth-child(5) {
  top: 168px;
  left: 400px;
}

.in_partner .items .item:nth-child(6) {
  top: 168px;
  left: 640px;
}

.in_partner .items .item:nth-child(7) {
  top: 168px;
  left: 880px;
}

.in_partner .items .item:nth-child(8) {
  top: 340px;
  left: 285px;
}

.in_partner .items .item:nth-child(9) {
  top: 340px;
  left: 755px;
}

.in_feedback {
  height: 145px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.in_feedback .content {
  padding-top: 35px;
}

.in_feedback .title {
  float: left;
  line-height: 64px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.in_feedback .feedback_box {
  height: 64px;
  float: right;
}

.in_feedback .feedback_box input {
  color: #fff;
  font-size: 14px;
  padding: 0px 20px;
  float: left;
  width: 388px;
  height: 64px;
  line-height: 62px;
  border: 1px solid #2c9cda;
  box-sizing: border-box;
}

.in_feedback .feedback_box .btn {
  outline: none;
  border: none;
  margin-left: 20px;
  width: 125px;
  height: 64px;
  line-height: 64px;
  background: #0061ae;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  float: left;
  cursor: pointer;
}


.pub_btm {
  background: #f6f6f6;
  padding-top: 25px;
  padding-bottom: 20px;
}

.pub_btm .l_box {
  float: left;
  width: 150px;
  text-align: center;
}

.pub_btm .l_box .logo {
  width: 100%;
  margin-bottom: 35px;
  display: block;
}

.pub_btm .l_box .ewm_box img {
  display: inline-block;
  max-width: 100%;
}

.pub_btm .l_box .ewm_box .tit {
  line-height: 29px;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.pub_btm .l_box .items {
  text-align: center;
  padding-top: 15px;
}

.pub_btm .l_box .items a {
  display: inline-block;
  vertical-align: top;
}


.pub_btm .r_box {
  float: right;
}

.pub_btm .r_box .item {
  float: left;
  width: 108px;
}

.pub_btm .r_box .item .sub a {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pub_btm .r_box .item .sub a:hover {
  color: #0061AE;
}

.pub_btm .r_box .item .title {
  border-bottom: 1px solid #ebebeb;
  line-height: 64px;
  margin-bottom: 20px;
}

.pub_btm .r_box .item .title a {
  font-size: 16px;
  color: #333;
}

.pub_cord {
  padding: 30px 0px;
  background: #f6f6f6;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  color: #333;
}

.pub_cord .l_box {
  float: left;
}

.pub_cord .r_box {
  float: right;
}

.pub_cord a {
  font-size: 14px;
  color: #333;
}


.ab_box1 {
  background: #efefef;
  padding-top: 90px;
  padding-bottom: 80px;
}

.ab_box1 .l_box {
  width: 50%;
  float: left;
}

.ab_box1 .l_box .title {
  font-size: 40px;
  color: #333;
  font-weight: bold;
}

.ab_box1 .l_box .line {
  margin: 35px 0px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.ab_box1 .l_box .items {
  margin-top: 0px;
}

.ab_box1 .l_box .items .item {
  padding: 0px 35px;
  text-align: center;
  float: left;
  position: relative;
}

.ab_box1 .l_box .items .item::after {
  content: "";
  width: 1px;
  height: 26px;
  background: #E0E0E0;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

.ab_box1 .l_box .items .item:last-child {
  margin-right: 0px;
}

.ab_box1 .l_box .items .item .num {
  font-size: 24px;
  line-height: 50px;
  color: #333333;
  font-weight: bold;
}

.ab_box1 .l_box .items .item .num span {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  margin-left: 5px;
}

.ab_box1 .l_box .items .item .tit {
  font-size: 14px;
  color: #666666;
}

.ab_box1 .r_box {
  width: 50%;
  float: right;
}

.ab_box1 .r_box .con_box {
  height: 260px;
  overflow: hidden;
}

.ab_box1 .r_box .con_box p {
  font-size: 16px;
  color: #333;
  line-height: 34px;
}

.ab_box1 .r_box .con_box .mCSB_container {
  margin-right: 40px;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 10px;
  background: #cecece;
  border-radius: 5px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #0061ae;
  border-radius: 3px;
  margin-top: 3px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
  background: #0061ae;
}


.ab_box2 {
  height: 1063px;
  background: url("../images/develop_bg.jpg") center center no-repeat;
  background-size: auto 100%;
}

.ab_box2 .l_box {
  width: 50%;
  float: left;
  height: 100%;
}

.ab_box2 .l_box .items {
  margin-top: 80px;
  width: 100%;
  height: 890px;
}

.ab_box2 .l_box .items li {
  padding-right: 50px;
  height: 132px;
  box-sizing: border-box;
  text-align: right;
}

.ab_box2 .l_box .items li .item {
  margin-right: 95px;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border: 1px solid #f3f3f3;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  color: #333;
  transition: all 320ms linear;
  cursor: pointer;
}

.ab_box2 .l_box .items li.on .item {
  color: #FFFFFF;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
  border-color: #FFFFFF;
  transform: scale(1.3);
}

.ab_box2 .l_box .items li:hover .item {
  color: #FFFFFF;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
  border-color: #FFFFFF;
  transform: scale(1.3);
}

.ab_box2 .l_box .items li.on_1 .item {
  margin-right: 75px;
}

.ab_box2 .l_box .items li.on_2 .item {
  margin-right: 35px;
}

.ab_box2 .l_box .items li.on_3 .item {
  margin-right: 35px;
}

.ab_box2 .l_box .items li.on_4 .item {
  margin-right: 75px;
}

.ab_box2 .l_box .items li.on_5 .item {
  margin-right: 185px;
}

.ab_box2 .l_box .items li.on_6 .item {
  margin-right: 375px;
}

.ab_box2 .r_box {
  width: 50%;
  float: right;
  height: 100%;
}

.ab_box2 .r_box .top_box {
  padding-top: 100px;
}

.ab_box2 .r_box .top_box .title {
  font-size: 40px;
  color: #333;
  font-weight: bold;
}

.ab_box2 .r_box .top_box .line {
  margin: 35px 0px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

#develop_swiper {
  margin-top: 20px;
}

#develop_swiper .swiper-slide .title {
  font-size: 26px;
  color: #333;
  font-weight: bold;
  margin-bottom: 25px;
}

#develop_swiper .swiper-slide .desc {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  height: 280px;
}

#develop_swiper .btn_box {
  overflow: hidden;
}

#develop_swiper .btn_box div {
  cursor: pointer;
  width: 54px;
  height: 54px;
  background: url("../images/develop_arrow.png") center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}

#develop_swiper .btn_box div.btn_next {
  transform: rotateY(180deg);
  margin-left: 40px;
}

#develop_swiper .btn_box div:hover {
  background: url("../images/develop_arrow_on.png") center center no-repeat;
  background-size: 100% 100%;
}


.ab_box3 .item {
  float: left;
  width: 50%;
  position: relative;
}

.ab_box3 .item .zz {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.ab_box3 .item .zz>div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.ab_box3 .item .zz .zz1 {
  opacity: 1;
  visibility: visible;
  background: url("../images/about_half_z.png") center left no-repeat;
  background-size: 100% 100%;
  transition: all 320ms linear;
}

.ab_box3 .item .zz .zz1 .box {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.ab_box3 .item .zz .title {
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 20px;
}

.ab_box3 .item .zz .desc {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.5em;
  opacity: 0.5;
  margin-bottom: 40px;
}

.ab_box3 .item .zz .more {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: bold;
}

.ab_box3 .item .zz .zz2 {
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  background: url("../images/about_half_z_on.png") center left no-repeat;
  background-size: 100% 100%;
  transition: all 320ms linear;
}

.ab_box3 .item .zz .zz2 .box {
  text-align: center;
  width: 100%;
}

.ab_box3 .item:hover .zz .zz1 {
  opacity: 0;
  visibility: hidden;
}

.ab_box3 .item:hover .zz .zz2 {
  opacity: 1;
  visibility: visible;
}

.ab_box4 {
  padding-bottom: 60px;
}

.ab_box4 .top_box {
  padding-top: 60px;
  text-align: center
}

.ab_box4 .top_box .title {
  font-size: 40px;
  color: #333;
  font-weight: bold;
}

.ab_box4 .top_box .line {
  margin: 35px 0px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}


#honor_swiper .swiper-slide {
  background: #f1f1f1;
  padding: 32px;
  box-sizing: border-box;
  height: 350px;
}

#honor_swiper .swiper-slide img {
  width: 100%;
  display: block;
  /* height: 380px; */
}

#honor_swiper .swiper-slide .title {
  font-size: 16px;
  color: #333;
  margin-top: 42px;
  text-align: center;
}

#honor_swiper .swiper-slide:hover .title {
  font-weight: bold;
  color: #0061ae;
}

#honor_swiper .swiper-pagination {
  position: static;
  margin-top: 50px;
}

#honor_swiper .swiper-pagination span {
  width: 16px;
  height: 16px;
  background: #c4c4c4;
  border-radius: 50%;
  opacity: 1;
  margin: 0px 15px;
}

#honor_swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: #0061ae;
}


.ny_ban {
  height: 580px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.ny_ban .content {
  height: 100%;
  display: flex;
  align-items: center;
}

.ny_ban .content .box {
  text-align: center;
  width: 100%;
}

.ny_ban .content .box .title {
  font-size: 48px;
  color: #fff;
  font-weight: bold;
  line-height: 60px;
}

.ny_ban .content .box .en_title {
  font-size: 18px;
  color: #fff;
  opacity: 0.5;
}

.solution ul {
  padding-top: 105px;
}

.solution ul li {
  height: 383px;
  background: #f1f1f1;
  margin-bottom: 30px;
}

.solution ul li .img_box {
  width: 650px;
  float: left;
}

.solution ul li .con_box {
  width: 550px;
  height: 100%;
  float: left;
  display: flex;
  align-items: center;
}

.solution ul li .con_box .box {
  padding: 0px 80px;
}

.solution ul li .con_box .box .title {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  margin-bottom: 15px
}

.solution ul li .con_box .box .en_title {
  font-size: 14px;
  color: #333;
  opacity: 0.5;
  margin-bottom: 90px;
}

.solution ul li .con_box .box .more {
  font-size: 16px;
  color: #333;
}

.solution .txt_more {
  text-align: center;
  padding: 80px 0px;
  font-size: 16px;
  color: #666;
}

.solution ul li:nth-child(even) .img_box {
  float: right;
}

.solution ul li:nth-child(even) .con_box {
  float: left;
}


.position_box .box {
  padding: 25px 0px;
  padding-left: 22px;
  line-height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #a0a0a0;
  position: relative;
}

.position_box .box::after {
  content: "";
  width: 13px;
  height: 13px;
  background: url("../images/icon_index.png") center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}

.position_box .box a {
  color: #a0a0a0;
}

.position_box .box span {
  font-family: simsun;
  margin: 0px 3px;
}


.ny_main.gray {
  background: #f6f6f6;
  padding-top: 37px;
}

.ny_nav {
  width: 275px;
  float: left;
  padding-bottom: 50px;
}

.ny_nav .title_box {
  width: 100%;
  height: 112px;
  display: flex;
  align-items: center;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_nav .title_box .box {
  padding-left: 28px;
}

.ny_nav .title_box .box .title {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}

.ny_nav .title_box .box .en_title {
  font-size: 20px;
  color: #fff;
  opacity: 0.5;
}

.ny_nav>ul {
  background: #fff;
}

.ny_nav>ul>li {
  background: #f3f3f3;
  border-bottom: 1px solid #e0e0e0;
}

.ny_nav>ul>li:last-child {
  border-bottom: none;
}

.ny_nav>ul>li>a {
  height: 82px;
  line-height: 82px;
  font-size: 14px;
  color: #333333;
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  padding-left: 30px;
  padding-right: 60px;
  box-sizing: border-box;
}

.ny_nav>ul>li.on>a,
.ny_nav>ul>li:hover>a {
  font-weight: bold;
  font-size: 16px;
  color: #0061ae;
  background: #f3f3f3;
}

.ny_nav>ul>li>a::after {
  content: "";
  width: 5px;
  height: 10px;
  background: url("../images/ny_nav_arr.png") center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  opacity: 0.5;
}

.ny_nav>ul>li.on>a::after,
.ny_nav>ul>li:hover>a::after {
  opacity: 1;
}

.ny_nav>ul>li .sub_menu {
  padding-bottom: 20px;
}

.ny_nav>ul>li .sub_menu>.sub_item {
  position: relative;
}

.ny_nav>ul>li .sub_menu>.sub_item>a {
  display: block;
  line-height: 45px;
  height: 45px;
  padding-left: 35px;
  padding-right: 20px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ny_nav>ul>li .sub_menu>.sub_item.on {
  background: #ebebeb;
}

.ny_nav>ul>li .sub_menu>.sub_item:hover {
  background: #ebebeb;
}

.ny_nav>ul>li .sub_menu>.sub_item .sub3 {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 320ms linear;
  width: 230px;
  position: absolute;
  top: 20px;
  right: 0px;
  background: #ebebeb;
  transform: translateX(100%);
  z-index: 9;
}

.ny_nav>ul>li .sub_menu>.sub_item .sub3 .sub3_item {
  line-height: 40px;
}

.ny_nav>ul>li .sub_menu>.sub_item .sub3 .sub3_item a {
  font-size: 14px;
  color: #333333;
  display: block;
  padding-left: 35px;
  padding-right: 20px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ny_nav>ul>li .sub_menu>.sub_item .sub3 .sub3_item.on a {
  color: #0061ae;
  font-weight: bold;
}

.ny_nav>ul>li .sub_menu>.sub_item .sub3 .sub3_item:hover a {
  color: #0061ae;
  font-weight: bold;
}

.ny_nav>ul>li .sub_menu>.sub_item:hover .sub3 {
  top: 0px;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.ny_cont {
  width: 900px;
  float: right;
  padding-bottom: 50px;
}


.ny_pro_list li {
  width: 280px;
  margin-bottom: 30px;
  margin-right: 30px;
  height: 288px;
  float: left;
}

.ny_pro_list li:nth-child(3n) {
  margin-right: 0px;
}

.ny_pro_list li .box {
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  background: #FFFFFF;
}

.ny_pro_list li .box .img_box img {
  width: 100%;
  display: block;
}

.ny_pro_list li .box .title {
  text-align: center;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 10px;
}

.ny_pro_list li .box .more {
  font-size: 16px;
  color: #666666;
  margin: 0px auto;
  margin-bottom: 25px;
  display: block;
  width: 210px;
  height: 47px;
  line-height: 45px;
  border: 1px solid #f5f5f5;
  background: #fafafa;
  text-align: center;
}

.ny_pro_list li:hover .box .more {
  color: #fff;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
  border-color: #f8f8f8;
}

.ny_pictures_box ul li {
  width: 280px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.ny_pictures_box ul li .img_box img {
  width: 100%;
  height: auto;
  display: block;
}

.ny_pictures_box ul li .title {
  background: #f0f0f0;
  padding: 0px 10px;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  text-align: center;
}

.ny_pictures_box ul li:hover .title {
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
  color: #fff;
}

.ny_pictures_box ul li:nth-child(3n) {
  margin-right: 0px;
}

.ny_news_box ul li {
  padding: 0px 20px;
  margin-bottom: 30px;
}

.ny_news_box ul li>a {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  display: block;
}

.ny_news_box ul li .img_box {
  width: 320px;
  float: left;
}

.ny_news_box ul li .con_box {
  width: calc(100% - 320px);
  padding: 20px;
  box-sizing: border-box;
  float: left;
}

.ny_news_box ul li .con_box .title {
  font-size: 26px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 15px;
}

.ny_news_box ul li .con_box .desc {
  font-size: 16px;
  color: #666;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 15px;
}

.ny_news_box ul li .con_box .time {
  font-size: 14px;
  color: #888;
}

.ny_newsShow {
  width: 100%;
  margin: 0px auto;
  padding: 0px 30px;
  padding-top: 40px;
  padding-bottom: 55px;
  background: #fff;
  box-sizing: border-box;
}

.ny_newsShow .ns_title {
  font-size: 24px;
  color: #111111;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  margin-bottom: 15px;
}

.ny_newsShow .ns_desc {
  font-size: 14px;
  line-height: 24px;
  color: #aaaaaa;
  text-align: center;
  margin-bottom: 35px;
}

.ny_newsShow .ns_content {
  font-size: 15px;
  color: #333;
  line-height: 2em;
  min-height: 250px;
}

.ny_newsShow .ns_content p {
  text-indent: 2em;
}

.ny_newsShow .ns_content video {
  max-width: 100%;
}

.ny_newsShow .ns_content iframe {
  max-width: 100%;
}

.ny_newsShow .ns_content table {
  max-width: 100%;
  /*word-break: keep-all;*/
}

.ny_newsShow .pn_box {
  line-height: 30px;
  font-size: 15px;
  color: #666666;
  padding-top: 50px;
}

.ny_newsShow .pn_box a {
  font-size: 15px;
  color: #666666;
}

.ny_newsShow .pn_box a:hover {
  color: #3687f0;
}

.ny_about_box {
  min-height: 400px;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 2em;
}

.jobsub_box {
  width: 500px;
  margin: 40px auto;
}

.jobsub_box .item {
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
}

.jobsub_box .item .title {
  width: 20%;
  text-align: right;
  line-height: 40px;
  float: left;
}

.jobsub_box .item .input {
  width: 80%;
  line-height: 40px;
  float: right;
  text-align: left;
}

.jobsub_box .item .input .jbs_txt {
  width: 90%;
  height: 40px;
  line-height: 38px;
  border: 1px solid #e0e0e0;
  padding: 0px 10px;
  box-sizing: border-box;
}

.jobsub_box .item .input .jbs_txtarea {
  width: 90%;
  height: 120px;
  border: 1px solid #e0e0e0;
}

.jobsub_box .item .input .jbs_age {
  width: 100px;
}

.jbs_hong {
  color: #f00;
}

.jbs_submit {
  width: 120px;
  height: 40px;
  text-align: center;
  margin: 10px auto;
  line-height: 40px;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  border: 0px;
  cursor: pointer;
  background: #005CD4;
}

.jbs_submit:hover {
  background: #005CD4;
  color: #FFF;
  transition: all .4s linear 0s;
}

.jbs_reset {
  width: 120px;
  height: 40px;
  text-align: center;
  margin: 10px auto;
  margin-left: 20px;
  line-height: 40px;
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  border: 0px;
  cursor: pointer;
  background: #c0c0c0;
}


.ny_talnet .talent_tb_box {
  width: 100%;
}

.ny_talnet .talent_tb {
  width: 100%;
}

.ny_talnet .talent_tb .th {
  height: 70px;
  line-height: 70px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_talnet .talent_tb td {
  padding-left: 65px;
  padding-right: 30px;
  box-sizing: border-box;
}

.ny_talnet .talent_tb .th td {
  font-size: 18px;
  color: #ffffff;
}

.ny_talnet .talent_tb .list tr {
  border-bottom: 1px solid #DDDDDD;
}

.ny_talnet .talent_tb .list td {
  line-height: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  color: #555555;
}

.ny_talnet .talent_tb .list td a {
  color: #555555;
}

.ny_talnet .talent_tb .list tr:hover td {
  color: #005CD4;
}

.ny_talnet .talent_tb .list tr:hover td a {
  color: #005CD4;
}

.ny_talnetShow {
  width: 100%;
  margin: 0px auto;
}

.ny_talnetShow .box {
  box-sizing: border-box;
  border: 1px solid #68A5F4;
  margin: 0px auto;
}

.ny_talnetShow .box .top_box {
  padding: 0px 20px;
  line-height: 80px;
  background: #E3EDF9;
}

.ny_talnetShow .box .top_box .title {
  padding-left: 34px;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.ny_talnetShow .items {
  padding: 0px 20px;
}

.ny_talnetShow .items .item {
  overflow: hidden;
  padding: 15px 0px;
  line-height: 30px;
  color: #555555;
  border-bottom: 1px solid #DDDDDD;
}

.ny_talnetShow .items .item .label {
  width: 220px;
  float: left;
  padding-left: 34px;
  box-sizing: border-box;
}

.ny_talnetShow .items .item .con_box {
  float: left;
  width: calc(100% - 220px);
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.ny_talnetShow .tools {
  padding: 30px 0px;
  text-align: center;
}

.ny_talnetShow .tools .app_btn {
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px;
  font-size: 14px;
  color: #FFFFFF;
  width: 180px;
  line-height: 44px;
  background: #3687f0;
  border-radius: 22px;
  text-align: center;
}

.ny_talnetShow .tools .back_btn {
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px;
  font-size: 14px;
  color: #FFFFFF;
  width: 180px;
  line-height: 44px;
  background: #f1b84d;
  border-radius: 22px;
  text-align: center;
}



.pro_ctg_box {
  background: #f6f6f6;
}

.pro_ctg_box .title_box {
  padding-top: 40px;
  text-align: center
}

.pro_ctg_box .title_box .title {
  font-size: 40px;
  color: #333;
  font-weight: bold;
}

.pro_ctg_box .title_box .line {
  margin: 35px 0px;
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.pro_ctg_box .item_big {
  width: 100%;
  height: 580px;
  margin-top: 45px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.pro_ctg_box .item_big .content {
  height: 100%;
  display: flex;
  align-items: center;
}

.pro_ctg_box .item_big .title {
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px
}

.pro_ctg_box .item_big .desc {
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 60px;
}

.pro_ctg_box .item_big .more {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.pro_ctg_list {
  margin-top: 30px;
}

.pro_ctg_list li {
  width: 580px;
  float: left;
  margin-bottom: 40px;
}

.pro_ctg_list li:nth-child(even) {
  float: right;
}

.pro_ctg_list li .title {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  padding: 0px 25px;
  line-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pro_ctg_list li .more {
  font-size: 16px;
  color: #0061ae;
  font-weight: bold;
  padding: 0px 25px;
}


.ny_pro_show .pro_info .pro_imgs {
  width: 615px;
  float: left;
}

.ny_pro_show .pro_info .pro_imgs .small_box {
  padding: 15px 50px;
  position: relative;
}

.ny_pro_show .pro_info .pro_imgs .small_box .btn_prev,
.ny_pro_show .pro_info .pro_imgs .small_box .btn_next {
  cursor: pointer;
  outline: none;
  width: 14px;
  height: 28px;
  background: url("../images/pro_imgs_arr.png") center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ny_pro_show .pro_info .pro_imgs .small_box .btn_prev {
  left: 18px;
}

.ny_pro_show .pro_info .pro_imgs .small_box .btn_next {
  right: 18px;
  transform: translateY(-50%) rotateY(180deg);
}

.ny_pro_show .pro_info .pro_imgs .small_box .btn_prev:hover,
.ny_pro_show .pro_info .pro_imgs .small_box .btn_next:hover {
  background: url("../images/pro_imgs_arr_on.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_pro_show .pro_info .pro_tits {
  width: 550px;
  float: right;
}

.ny_pro_show .pro_info .pro_tits .title {
  line-height: 68px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #EBEBEB;
}

.ny_pro_show .pro_info .pro_tits .infos {
  padding-top: 20px;
}

.ny_pro_show .pro_info .pro_tits .infos .info {
  font-size: 14px;
  color: #666666;
  padding-left: 40px;
  line-height: 40px;
  position: relative
}

.ny_pro_show .pro_info .pro_tits .infos .info a {
  color: #666;
}

.ny_pro_show .pro_info .pro_tits .infos .info::after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}

.ny_pro_show .pro_info .pro_tits .infos .info.address::after {
  background: url("../images/icon_address.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_pro_show .pro_info .pro_tits .infos .info.tel::after {
  background: url("../images/icon_tel.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_pro_show .pro_info .pro_tits .infos .info.phone::after {
  background: url("../images/icon_phone.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_pro_show .pro_info .pro_tits .infos .info.print::after {
  background: url("../images/icon_print.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_pro_show .pro_info .pro_tits .infos .info.email::after {
  background: url("../images/icon_email.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_pro_show .pro_info .pro_tits .infos .info.web::after {
  background: url("../images/icon_web.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_pro_show .pro_info .pro_tits .links {
  padding-top: 35px;
  padding-bottom: 20px;
}

.ny_pro_show .pro_info .pro_tits .links .inquiry {
  margin-right: 23px;
  text-align: center;
  float: left;
  display: block;
  width: 245px;
  height: 62px;
  line-height: 62px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.ny_pro_show .pro_info .pro_tits .links .inquiry .icon {
  display: inline-block;
  vertical-align: middle;
}

.ny_pro_show .pro_info .pro_tits .links .inquiry .tit {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.ny_pro_show .pro_info .pro_tits .links .back {
  text-align: center;
  float: left;
  display: block;
  width: 245px;
  height: 62px;
  line-height: 62px;
  background: #333;
}

.ny_pro_show .pro_info .pro_tits .links .back .icon {
  display: inline-block;
  vertical-align: middle;
}

.ny_pro_show .pro_info .pro_tits .links .back .tit {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.ny_pro_show .pro_info .pro_tits .shares a {
  width: 49px;
  height: 49px;
  background: #f1f1f1;
  display: block;
  float: left;
  margin-right: 20px;
}

.ny_pro_show .pro_info .pro_tits .shares a img {
  width: 100%;
  display: block;
}

#big_swiper .swiper-slide {
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
}

#small_swiper .swiper-slide {
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
}

#small_swiper .swiper-slide.on,
#small_swiper .swiper-slide:hover {
  border: 2px solid #0061AE;
}

.pro_tabs {
  height: 80px;
  line-height: 80px;
  background: #f1f1f1;
  margin-top: 20px;
  margin-bottom: 32px;
}

.pro_tabs .tab {
  cursor: pointer;
  padding: 0px 44px;
  font-size: 18px;
  color: #666666;
  float: left;
}

.pro_tabs .tab.on {
  font-weight: bold;
  color: #fff;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.pro_details {
  margin-bottom: 64px;
}

.pro_details .detail_box {
  display: none;
  min-height: 250px;
  font-size: 14px;
  color: #000;
  line-height: 1.5em;
}

.pro_details .detail_box table {
  word-break: keep-all;
  max-width: 100%;
}

.pro_details .detail_box iframe {
  max-width: 100%;
}

.pro_details .detail_box video {
  max-width: 100%;
}

.pro_details .detail_box img {
  max-width: 100%;
}

.pro_details .detail_box.on {
  display: block;
}

.article_nav {
  background: #f1f1f1;
  padding: 35px 30px;
  line-height: 30px;
  position: relative;
  margin-bottom: 64px;
}

.article_nav .prev {
  float: left;
  color: #666666;
}

.article_nav .next {
  float: right;
  color: #666666;
}

.article_nav .close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #666666;
}

.ny_ban.black .box .title {
  color: #333;
}

.ny_ban.black .box .en_title {
  color: #666;
}

.advantage {
  padding-bottom: 80px;
}

.advantage .item_box {
  padding-top: 20px;
  padding-bottom: 30px;
}

.advantage .item_box .top_box {
  padding-bottom: 45px;
  text-align: center;
}

.advantage .item_box .top_box .title {
  font-size: 40px;
  color: #333;
  font-weight: bold;
  margin-bottom: 35px;
}

.advantage .item_box .top_box .line {
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.advantage .item_box ul {
  overflow: hidden;
}

.advantage .item_box ul li {
  width: 255px;
  float: left;
  margin-right: 9px;
}

.advantage .item_box ul li:first-child {
  width: 406px;
}

.advantage .item_box ul li:last-child {
  margin-right: 0px;
}

.advantage .item_box ul li .title {
  line-height: 76px;
  padding: 0px 10px;
  text-align: center;
  background: #FFFFFF;
  font-size: 16px;
  color: #333;
}

.advantage .item_box ul li .img_box img {
  width: 100%;
  display: block;
}

.advantage .item_box ul li:first-child {
  cursor: pointer;
}

.advantage .item_box ul li:first-child .img_box {
  position: relative;
}

.video_popup_box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  visibility: hidden;
  display: none;
  opacity: 0;
}

.video_popup_box.on {
  display: block;
  visibility: visible;
  opacity: 1;
}

.video_popup_box .bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.video_popup_box .video_box {
  width: 800px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video_popup_box .video_box video {
  width: 100%;
}



div.flickr {
  text-align: center;
}

div.flickr {
  padding: 40px 0px 40px 0px;
  font-size: 14px;
  text-align: center;
}

div.flickr a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: all 0.3s linear;
  font-family: "SimSun";
  text-align: center;
}

div.flickr a {
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  color: #666666;
  margin-right: 14px;
  text-decoration: none;
  display: inline-block;
}

div.flickr a:hover {
  border: #002B62 1px solid;
  background: #002B62;
  color: #fff;
}

div.flickr .page-num-current {
  border: #002B62 1px solid;
  background: #002B62;
  color: #fff;
}

div.meneame a:active {
  border: #002B62 1px solid;
  background: #002B62;
  color: #fff;
}

div.flickr span {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: all 0.3s linear;
  font-family: "SimSun";
  text-align: center;
  display: inline-block;
}

div.flickr span.current {
  background: #002B62;
  border: 1px solid #002B62;
  color: #fff;
  margin-right: 14px;
}

div.flickr span.disabled {
  cursor: not-allowed;
  border: 1px solid #cbcbcb;
  background: #f3f3f3;
  color: #666666;
  margin-right: 14px;
}

.fd_pro_tb {
  width: 95%;
  margin: 0 auto;
  border-left: 1px solid #E8E8E8;
  border-top: 1px solid #E8E8E8;
  margin-bottom: 20px;
}

.fd_pro_tb th,
.fd_pro_tb td {
  border-right: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}

.fd_pro_tb th {
  background: #F5F5F5;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
}

.fd_pro_tb td {
  text-align: center;
  padding: 10px 0;
}

.fd_pro_tb td input {
  border: 1px solid #E8E8E8;
  width: 80px;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  text-align: right;
}

.fd_pro_tb .del {
  color: #F00;
  cursor: pointer;
}

.jn_box {
  clear: both;
  padding-bottom: 20px;
  overflow: hidden;
  width: 520px;
  margin: 0px auto;
}

.jn_lt {
  float: left;
  width: 100px;
  padding: 0 5px 0 0;
  line-height: 30px;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}

.jn_rt {
  float: left;
  width: 360px;
}

.jn_box .txt {
  width: 325px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #DBDBDB;
  color: #444;
  padding: 0 10px;
  font-size: 13px;
  border-radius: 3px;
  outline: none;
}

.jn_box input:focus {
  border: 1px solid #005CD4;
}

.jn_box textarea:focus {
  border: 1px solid #005CD4;
}

.jn_box .cod {
  width: 70px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #DBDBDB;
  color: #444;
  padding: 0 15px;
  font-size: 13px;
  border-radius: 3px;
  outline: none;
}

.jn_box .txtarea {
  width: 325px;
  height: 120px;
  padding: 10px;
  font-size: 13px;
  border: 1px solid #DBDBDB;
  border-radius: 3px;
  outline: none;
}

.jn_box .btn {
  width: 95px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  border: 0px;
  background: #666;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
}

.jn_box .btn:hover {
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}



.ny_partner_box ul li {
  width: 25%;
  float: left;
  padding: 0px 15px;
  margin-bottom: 30px;
  box-sizing: border-box;
}

.ny_partner_box ul li .img_box {
  width: 100%;
  height: 120px;
  border: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-sizing: border-box;
}

.ny_partner_box ul li .img_box img {
  max-width: 90%;
  max-height: 90%;
  margin: 0px auto;
}

.solution .top_box {
  padding-top: 40px;
  text-align: center;
  padding-bottom: 40px;
}

.solution .top_box .title {
  font-size: 40px;
  color: #333;
  font-weight: bold;
  margin-bottom: 35px;
}

.solution .top_box .line {
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.solution .solution_detail {
  min-height: 400px;
  padding-bottom: 50px;
  font-size: 16px;
  line-height: 2em;
  color: #333;
}

.lines {
  padding-bottom: 50px;
}

.lines .top_box {
  padding-top: 40px;
  text-align: center;
  padding-bottom: 40px;
}

.lines .top_box .title {
  font-size: 40px;
  color: #333;
  font-weight: bold;
  margin-bottom: 35px;
}

.lines .top_box .line {
  display: inline-block;
  width: 94px;
  height: 6px;
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
}

.lines ul {
  overflow: hidden;
}

.lines ul li {
  width: calc(50% - 15px);
  float: left;
  margin-bottom: 30px;
}

.lines ul li:nth-child(even) {
  float: right;
}

.lines ul li .img_box {
  border: 1px solid #f1f1f1;
}

.lines ul li .img_box img {
  width: 100%;
  display: block;
}

.lines ul li .title {
  background: #f1f1f1;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #333;
}

.lines ul li:hover .title {
  background: url("../images/btn_bg.png") center center no-repeat;
  background-size: 100% 100%;
  color: #fff;
}

.lines .lines_detail {
  min-height: 400px;
  padding-bottom: 50px;
  font-size: 16px;
  line-height: 2em;
  color: #333;
}